<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><html xmlns="http://www.w3.org/1999/xhtml">
		<script type="text/javascript">
			var dest = '{$dest}';
			if(dest != '{$currentpage}'){ldelim}
				window.location = "/chiron.php?dest={$currentpage}";
			{rdelim}
			
		</script> 
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="icon" href="images/icon_32.png" sizes="32x32">
		<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
		<link href="style/style.css" rel="stylesheet" type="text/css" />
		<link type="text/css" href="style/notification.css" rel="stylesheet" />
		<script type="text/javascript" src="jss/jquery-1.8.0.min.js"></script>
		<script type="text/javascript" src="jss/jquery-ui-1.8.23.customDEV.js"></script> 
		<script type="text/javascript" src="jss/jquery.nicescroll.js"></script>
		<script type="text/javascript" src="jss/notifications.js"></script>
		<script type="text/javascript" src="jss/ping.js"></script>
		<script type="text/javascript" src="jss/scripts.js"></script> 
		<link rel="stylesheet" href="/freichat/client/jquery/freichat_themes/freichatcss.php" type="text/css">
	</head>
	<body style="background: none;overflow: hidden">
		
		<div id="overlay"></div>
        
		<div id="chironWrapperDiv" style="overflow: auto;">
			<iframe name="chironWrapper" id="chironWrapper" frameborder="0" src="/{$dest}" height="1" width="1" scrolling="auto"></iframe>
		</div>
		
		{literal}
		<script type="text/javascript" >
			
			loadChiron();
			function changeStatus(event,status){
				event.stopPropagation();
				jQuery.post("actionService.php",{"method": "changeOnlineStatus", "status": status}, function(data){
						//alert(data.Msg);
						var newStatus = "online";
						if(status == 0)
							newStatus = "offline";
						else if(status == 2)
							newStatus = "away";
						else if(status == 3)
							newStatus = "busy";
							
						jQuery('#online_status_button').removeClass('offline online busy away').addClass(newStatus);
					},'json'
				);
			}
		</script>
		{/literal}
		<div id="bottombar" style=""> 
			
			<ul>
				<li id="freicontain_wrap3" class="freicontain_wrap">
					<a href="javascript:;" class="chat_button" id="chat_button3" style="display: none;"> 
					</a>
					<div class='freicontain freicontain3' id='freicontain3'></div>
				</li>
				<li id="freicontain_wrap2" class="freicontain_wrap">
					<a href="javascript:;" class="chat_button" id="chat_button2" style="display: none;"> 
					</a>
					<div class='freicontain freicontain2' id='freicontain2'></div>
				</li>
				<li id="freicontain_wrap1" class="freicontain_wrap">
					<a href="javascript:;" class="chat_button" id="chat_button1" style="display: none;"> 
					</a>
					<div class='freicontain freicontain1' id='freicontain1'></div>
				</li>
				<li id="freicontain_wrap0" class="freicontain_wrap">
					<a href="javascript:;" class="chat_button" id="chat_button0" style="display: none;"> 
					</a>
					<div class='freicontain freicontain0' id='freicontain0'></div>
				</li>
				
				<li><a href="javascript:;" onclick="notifications.showNotifications(event)" class="notifications_button"> Notifications <div class="notifications_quantity"></div> </a></li>
					
				<li class="players_li" id="players_li">
					<a href="javascript:;" class="players_button">Players 
						<div class="new_messages"></div>
					</a>
					<div class="players_list" id="players_list" style="">
						<div class="status_changer_title" >Players</div> 
						<div style="" class="players_list_wrapper">
						
						</div>
					</div>
				</li>
					
				<li class="online_status_li">
					<a id="online_status_button" href="javascript:;" class="online_status {$online_status}"> 
						<div class="">
						</div>
					</a> 
					<div class="online_status_changer">
						<div class="status_changer_title" >Online Status</div>
						<div class="online status_changer" onclick="changeStatus(event,1);" >online</div>
						<div class="away status_changer" onclick="changeStatus(event,2);">away</div>
						<div class="busy status_changer" onclick="changeStatus(event,3);">busy</div>
						<div class="offline status_changer" onclick="changeStatus(event,0);">offline</div>
					</div>
					
				</li>
					<!--li><a href="#">Forum</a></li>
					<li>|</li-->
					
				<li><a href="#">All times are UTC</a></li>
			</ul>
		</div>	
		
		<script type="text/javascript" language="javascipt" src="freichat/client/main.php?id={$user_id}&xhash={$xhash}&key={$microtime}"></script>
		<script type="text/javascript" language="javascipt" src="jss/jquery.phono.min.js"></script>
		<script type="text/javascript" language="javascipt" src="jss/phono_chat.js"></script>
		<script type="text/javascript" src="jss/bottomJs.js"></script>
        {literal}
        <script type="text/javascript">
            jQuery(window).resize(function() {
              loadChiron();
            });
        </script>
        {/literal}
        {literal}
        <script>
          
                jQuery("#chironWrapperDiv").niceScroll("#chironWrapper",{autohidemode:false});
         
        </script>
        {/literal}
	</body>
</html>